@import "../vars";

.xdh-panel {
  border: 1px solid $--color-primary-light-7;
  border-radius: $--border-radius-small;
  margin-bottom: 10px;
  background: $--color-white;
  &.xdh-layout--fixed {
    margin-bottom: 0;
  }

  .xdh-title__content {
    border-left: none;
    padding-left: 0;
  }
  .xdh-layout__south {
    padding: 0;
  }
  .xdh-title__wrapper {
    border-radius: $--border-radius-small $--border-radius-small 0 0;
    margin-bottom: 0;
  }
  .xdh-layout__main {
    padding: 10px;
  }
  &--success {
    border-color: $--color-success;
  }
  &--warning {
    border-color: $--color-warning;
  }
  &--danger {
    border-color: $--color-danger;
  }
  &--info {
    border-color: $--border-color-base;
  }
  &.has-shadow {
    box-shadow: $--box-shadow-base;
  }
  &.is-simple {
    .xdh-title__content {
      padding-left: 10px;
    }
  }
  &.is-border-none {
    border: none;
  }
}
